<template>
    <div>
        <button @click="isShow = !isShow">点击切换显示盒子</button>
        <div v-show="isShow" style="background-color: yellow;">我用 v-show 控制</div>

        <div v-if="isShow" style="background-color: yellowgreen">我用 v-if 控制</div>
        <hr>

        <h1 v-if="isLogin">你好尊敬的星悦会员</h1>

        <h1 v-else>您还没登录呢!傻子!</h1>
        <hr>
        <h1 v-if="age >= 60">60 躺床上就行</h1>
        <h1 v-else-if="age >= 30">30 以上, 去吃汉堡王</h1>
        <h1 v-else-if="age >= 20">20 以上, 去吃炸鸡</h1>
        <h1 v-else>20 以下, 好好读书</h1>
    </div>
</template>
<script>
export default {
    data() {
        return {

            isShow: false,

            isLogin: true,
            age: 15
        }
    },
    methods: {
    }
}
</script>

<style>
div {
    width: 600px;
    height: 200px;
}
</style>